<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/6/26
  Time: 1:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <base href="<%=basePath%>"></base>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/select.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript" src="js/jquery.idTabs.min.js"></script>
    <script type="text/javascript" src="js/select-ui.min.js"></script>
    <script type="text/javascript" src="editor/kindeditor.js"></script>
    <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript">
        $(document).ready(function(e) {
            $(".select1").uedSelect({
                width : 100
            });

        });
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(".click").click(function(){
                $(".tip").fadeIn(200);
            });

            $(".tiptop a").click(function(){
                $(".tip").fadeOut(200);
            });

            $(".sure").click(function(){
                $(".tip").fadeOut(100);
            });

            $(".cancel").click(function(){
                $(".tip").fadeOut(100);
            });

        });
        function deleteEmp(empId){
            var flag = window.confirm("您确认要删除该员工吗？");//bat flag
            if(flag){
                location.href="servlet/EmployeeServlet?method=delete&empId2="+empId;
            }
        }    </script>

</head>

<body>

<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">人事管理</a></li>
        <li><a href="#">员工管理</a></li>
    </ul>
</div>

<div class="rightinfo">
    <form action="servlet/EmployeeServlet?method=findEmp" method="post">
        <ul class="prosearch">
            <li>
                <label>查询：</label><i>用户名</i>
                <a>
                    <input name="empId" type="text" class="scinput" value="${empId }"/>
                </a><i>所属部门</i>
                <a>  <select class="select1" name="deptno">
                    <option value="0">--全部--</option>
                    <c:forEach items="${deptList }" var="dept">
                        <c:if test="${dept.deptno == deptno}">
                            <option value="${dept.deptno }" selected="selected">${dept.deptNmae }</option>
                        </c:if>
                        <c:if test="${dept.deptno != deptno}">
                            <option value="${dept.deptno }">${dept.deptNmae }</option>
                        </c:if>
                    </c:forEach>
                </select>
                </a>

            </li>
            <li>
                <label>是否在职：</label>
                <c:if test="${onDuty ==1 }">
                    <input name="onDuty" type="radio" value="1" checked="checked"/>&nbsp;是&nbsp;&nbsp;
                    <input name="onDuty" type="radio" value="0" />&nbsp;否
                </c:if>
                <c:if test="${onDuty ==0 }">
                    <input name="onDuty" type="radio" value="1"  />&nbsp;是&nbsp;&nbsp;
                    <input name="onDuty" type="radio" value="0" checked="checked"/>&nbsp;否
                </c:if>
                <c:if test="${empty onDuty }">
                    <input name="onDuty" type="radio" value="1" checked="checked" />&nbsp;是&nbsp;&nbsp;
                    <input name="onDuty" type="radio" value="0" />&nbsp;否
                </c:if>
            </li>
            <li>
                <label>入职时间：</label>
                <a>
                    <input name="hireDate" type="text" class="scinput" onfocus="WdatePicker()" value="${hireDate} "/>
                </a>
            </li>
            <a>
                <input name="" type="submit" class="sure" value="查询" />
            </a>
        </ul>
    </form>
    <div class="formtitle1"><span>员工列表</span></div>

    <table class="tablelist">
        <thead>
        <tr>
            <th>
                <input name="" type="checkbox" value="" checked="checked" />
            </th>
            <th>用户名<i class="sort"><img src="images/px.gif" /></i></th>
            <th>真实姓名</th>
            <th>所属部门</th>
            <th>所属岗位</th>
            <th>上级编号</th>
            <th>上级姓名</th>
            <th>入职时间</th>
            <th>联系方式</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${empList }" var="emp">
            <tr>
                <td>
                    <input name="" type="checkbox" value="" />
                </td>
                <td>${emp.empId }</td>
                <td>${emp.realName }</td>
                <td>${emp.dept.deptNmae }</td>
                <td>${emp.position.posName}</td>
                <td>${emp.mgr.empId }</td>
                <td>${emp.mgr.realName }</td>
                <td>${emp.hireDate }</td>
                <td>${emp.phone }</td>
                <td>
                    <a href="empInfo.html" class="tablelink">查看</a>
                    <a href="servlet/EmployeeServlet?method=toUpdate&empId=${emp.empId }" class="tablelink">修改</a>
                    <a href="javascript:void(0)" onclick="deleteEmp('${emp.empId}')" class="tablelink"> 删除</a>
                    <a href="#" class="tablelink"> 重置密码</a>
                </td>
            </tr>
        </c:forEach>
        </tbody>
    </table>

    <div class="pagin">
        <div class="message">共<i class="blue">1256</i>条记录，当前显示第&nbsp;<i class="blue">2&nbsp;</i>页</div>
        <ul class="paginList">
            <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
            <li class="paginItem"><a href="javascript:;">1</a></li>
            <li class="paginItem current"><a href="javascript:;">2</a></li>
            <li class="paginItem"><a href="javascript:;">3</a></li>
            <li class="paginItem"><a href="javascript:;">4</a></li>
            <li class="paginItem"><a href="javascript:;">5</a></li>
            <li class="paginItem more"><a href="javascript:;">...</a></li>
            <li class="paginItem"><a href="javascript:;">10</a></li>
            <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
        </ul>
    </div>

    <div class="tip">
        <div class="tiptop"><span>提示信息</span>
            <a></a>
        </div>

        <div class="tipinfo">
            <span><img src="images/ticon.png" /></span>
            <div class="tipright">
                <p>是否确认对信息的修改 ？</p>
                <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
            </div>
        </div>

        <div class="tipbtn">
            <input name="" type="button" class="sure" value="确定" />&nbsp;
            <input name="" type="button" class="cancel" value="取消" />
        </div>

    </div>

</div>

<script type="text/javascript">
    $('.tablelist tbody tr:odd').addClass('odd');
</script>

</body>

</html>